.f-icon-md {
    @include f-icon-extend();
}

$farris-i-prefix: 'k-i';
// @import '../../../farris-icon/scss/farris/variables';
// @import '../../../farris-icon/scss/farris/rewrite';

.f-btn-icon {
    cursor: pointer;
    font-size: $farris-btn-icon-font-size;
    line-height: $farris-btn-icon-line-height;
    padding: $farris-btn-icon-padding-y $farris-btn-icon-padding-x;
    border: $farris-btn-icon-border-width solid $farris-btn-icon-border-color;
    border-radius: $farris-btn-icon-border-radius;
    position: relative;
    @include f-btn-icon-size();

    &.f-bare {
        border-color: transparent !important;
        color: inherit;
        background: none !important;
        box-shadow: none !important;
        transition: color 0.2s ease-in-out;

        &:hover,
        &.f-state-hover,
        &:active,
        &.f-state-active,
        &:hover:active,
        &:hover.f-state-active {
            color: inherit;
        }

        &::before {
            display: block;
        }
    }

    &::before {
        border-radius: $farris-btn-icon-border-radius;
        content: '';
        background: $f-neutral-00;
        opacity: 0;
        display: none;
        pointer-events: none;
        position: absolute;
        left: -$farris-btn-icon-border-width;
        right: -$farris-btn-icon-border-width;
        top: -$farris-btn-icon-border-width;
        bottom: -$farris-btn-icon-border-width;
        z-index: 0;
        transition: opacity 0.2s ease-in-out;
    }

    &:hover,
    &.f-state-hover {
        &::before {
            opacity: $farris-flat-button-hover-opacity;
        }
    }

    &::after {
        border-radius: $farris-btn-icon-border-radius;
        content: '';
        opacity: 0;
        display: none;
        pointer-events: none;
        position: absolute;
        left: -$farris-btn-icon-border-width;
        right: -$farris-btn-icon-border-width;
        top: -$farris-btn-icon-border-width;
        bottom: -$farris-btn-icon-border-width;
        z-index: 0;
        transition: opacity 0.2s ease-in-out;
    }
}

// 弹出提示的图标
.f-icon-error,
.f-icon-danger {
    color: $farris-notify-toast-type-error-icon-text;
}

.f-icon-info {
    color: $farris-notify-toast-type-info-icon-text;
}

.f-icon-warning {
    color: $farris-notify-toast-type-warning-icon-text;
}

.f-icon-question {
    color: $farris-notify-toast-type-warning-icon-text;
}

.f-icon-success {
    color: $farris-notify-toast-type-success-icon-text;
}

.f-icon-default {
    color: $farris-notify-toast-type-info-icon-text;
}

// 帮助图标
.f-icon-lookup::before {
    content: '\e032';
}

// 分页图标
.f-page-pre::before {
    font-family: 'FarrisIcons';
    content: '\e016';
}

// 来源：k（待验证）
.f-btn-collapse-expand::after {
    font-family: FarrisIcons;
}

.f-page-first::before {
    font-family: FarrisIcons;
    content: "\eb9d";
}

.f-page-last::before {
    font-family: FarrisIcons;
    content: "\eb9e";
}

.f-page-next::before {
    font-family: 'FarrisIcons';
    content: '\e014';
}

// 最小化图标
.modal_minimize {
    font-family: 'FarrisIcons';

    &::before {
        content: '\eb4b';
    }
}

// 最大化图标
.modal_maximize {
    font-family: 'FarrisIcons';

    &::before {
        content: "\eb68";
    }
}

.f-icon-close {
    font-family: 'FarrisIcons';

    &::before {
        content: '\e11b';
    }
}

.modal_close {
    font-family: 'FarrisIcons';
    font-size: 1.25rem;

    &::before {
        content: '\e11b';
    }
}

.modalrevert::before {
    content: '\eb4b';
}

// 输入组件分组，涉及图标
.f-legend-icon::after {
    content: '';
    width: 1.125rem;
    height: 0.875rem;
    font-size: 1.25rem;
    overflow: hidden;
    display: inline-block;
    line-height: 1.125rem;
    margin: 0 0.25rem 0 0;
    color: $f-neutral-01;
}

.f-legend-collapse {
    &::after {
        font-size: 0.875rem;
        font-family: 'FarrisIcons';
        content: '\e013';
    }
}

.f-legend-show {
    &::after {
        font-size: 0.875rem;
        font-family: 'FarrisIcons';
        content: '\e015';
    }
}

// 侧边栏图标
.f-sidebar-close::before {
    content: '\e11b';
}

.f-sidebar-entry::before {
    content: '\e014';
}


//增加图标文字按钮样式
.btn-icontext {
    display: inline-flex;
    align-items: center;

    .f-icon {
        margin: 0 ($farris-btn-padding-x / 2) 0 0;
    }
}